<ui:composition template="/WEB-INF/plantillas/plantillaspp.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions">
<ui:define name="contenedor"> 
	<h:form id="formConsultarMeta">
		<p:panelGrid id="pnlMetaView" style="width:100%;">
			<f:facet name="header">
				<p:row>
					<p:column colspan="4">Metas del Indicador</p:column>
					<p:column >
						<p:commandButton id="buttonNewMet" value="Nuevo" update="@form:formMeta" icon="ui-icon-add"  action="#{controladorMeta.nuevaMeta()}" oncomplete="PF('dlgMetaNew').show();" />  
					</p:column>
				</p:row>
			</f:facet>
		</p:panelGrid>

		<p:dialog id="modalMetaNew" header="Meta" widgetVar="dlgMetaNew" modal="true" height="250" appendTo="@(body)">
			<p:panelGrid id="pnlMetaNew" style="width:100%;">
				<p:row>
					<p:column >
						<h:outputLabel value="Fecha Inicio" />
					</p:column>
					<p:column>
						<p:calendar	value="#{controladorMeta.meta.fecInicio}" locate="ES" size="30" />
					</p:column>
					<p:column >
						<h:outputLabel value="Fecha Fin" />
					</p:column>
					<p:column>
						<p:calendar	value="#{controladorMeta.meta.fecFin}" locate="ES" size="30" />
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Estado" />
					</p:column>
					<p:column colspan="3">
						<h:selectOneMenu value="#{controladorMeta.meta.flgActivo}">
							<f:selectItems value="#{controladorMeta.estadoMeta}" var="estadoMeta" itemLabel="#{estadoMeta.txtParametro}" itemValue="#{estadoMeta.codParametro}"></f:selectItems>
						</h:selectOneMenu>
					</p:column>
				</p:row>
				<f:facet name="footer">
					<p:row>
						<p:column colspan="4">
							<div align="center">						
								<p:commandButton id="buttonGrabarMeta" value="Grabar" icon="ui-icon-disk" oncomplete="PF('dlgMetaNew').hide();" >
									<p:ajax event="click" listener="#{controladorMeta.guardarMeta()}" update="@form" immediate="true" > </p:ajax>
								</p:commandButton>
								<p:commandButton id="buttonCancelarMeta" onclick="PF('dlgMetaNew').hide();" value="Cancelar" icon="ui-icon-closethick" />
							</div>
						</p:column>
					</p:row>
				</f:facet>
			</p:panelGrid>
			</h:form>
		</p:dialog>
	</h:form>
	</ui:define>
</ui:composition>